<template>
  <div id="handleDialog">
    <el-dialog title="详细内容" :visible.sync="handleDialogData.isShow">
      <el-form label-width="100px" class="demo-ruleForm"> </el-form>
      <span class="text-container">{{ contentDetail }}</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="handleDialogData.isShow = false">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  props: {
    handleDialogData: {
      type: Object,
      default: () => {
        return {
          isShow: false,
          params: ''
        }
      }
    }
  },
  data() {
    return {
      contentDetail: ''
    }
  },
  watch: {},
  mounted() {
    this.contentDetail = this.handleDialogData.params.content
  },
  methods: {}
}
</script>
<style lang="less" scoped></style>
